// 登录js
// 获取元素
let username = document.querySelector('#username');
let password = document.querySelector('#password');
let form = document.querySelector('form');
let remember = document.querySelector('#remember');

// 给登录按钮监听表单提交事件
form.addEventListener('submit', e => {
  e = e || window.event;
  e.preventDefault(); // 阻止表单的默认提交
  let data = {
    username: username.value,
    password: password.value
  };
  // 校验用户名和密码不能为空
  if (!data.username || !data.password) {
    layer.msg('用户名或密码不能为空');
    return;
  }
  // 用户名和密码校验
  let reg1 = /^[a-zA-Z]\w{2,15}$/; // 用户名正则
  let reg2 = /^\w{6,16}$/; // 密码正则
  if (!reg1.test(data.username)) {
    layer.msg('用户名格式错误');
    return;

  }
  if (!reg2.test(data.password)) {
    layer.msg('密码格式错误');
    return;
  }
  // 弹出遮罩层，准备登录请求
  var loadindex = layer.load(1, {
    shade: [0.5, '#333'] //0.1透明度的白色背景
  });
  // ajax请求登录
  pAjax({
    url: '../server/login.php',
    type: 'post',
    data: data,
    dataType: 'json',
  }).then(res => {
    // 解构赋值,获取到ajax的请求响应结果
    var { meta: { status, msg } } = res;
    //  接受到登录请求的结果，关闭遮罩层 
    layer.close(loadindex);
    // 弹出登录请求的响应结果的信息提示
    var msgindex = layer.msg(msg);
    if (status === 0) {
      // 设置cookie，保存用户的登录状态
      let username= data.username
      setCookie('username', username);
      // 设置cookie，判断勾选记住密码
      if (remember.checked) {
        // 已勾选
        setCookie('username', username, 7 * 60 * 60 * 24);
      }
      
      // 登录成功，两秒后关闭，弹出的提示，并跳转首页
      setTimeout(() => {
        layer.close(msgindex)
        location.href = './index.html';
      }, 2000)
    }
  })
})

// 给注册按钮跳转
document.querySelector('#btn').onclick = function () {
  location.href = '02-register.html';
}
